html * {
  padding: 0px;
  margin: 0px; }

.left, #header .left, #header .mid, #header .right, #footer ul li {
  float: left; }

.right {
  float: right; }

.clear, #contents, #footer {
  clear: both; }

.checkbox .box {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  height: 10px;
  overflow: hidden;
  border: 1px solid #CCC;
  background-color: #F00;
  padding: 1px;
  width: 150px; }
  .checkbox .box span {
    float: left;
    font-size: 10px;
    color: #FFF; }
  .checkbox .box .pointer {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 10px;
    background-color: #FFF;
    width: 10px;
    float: right; }

.alert {
  width: 100%;
  height: 100%;
  position: relative; }
  .alert iframe {
    z-index: 1;
    background: black;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -webkit-opacity: 0.5; }
  .alert .divalert {
    z-index: 2;
    position: absolute;
    border-radius: 5;
    -moz-border-radius: 5;
    -webkit-border-radius: 5; }
    .alert .divalert .alertheader {
      background-color: #cccccc; }
    .alert .divalert .alertbody {
      padding: 5px; }
    .alert .divalert .alertfooter .alertok {
      border-radius: 5;
      -moz-border-radius: 5;
      -webkit-border-radius: 5;
      background-color: #333333; }
    .alert .divalert .alertfooter .alertcancel {
      border-radius: 5;
      -moz-border-radius: 5;
      -webkit-border-radius: 5;
      background-color: #333333;
      margin-left: 5px; }

.cc {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  height: 20px;
  overflow: hidden;
  border: 1px solid #CCC;
  background-color: #F00;
  padding: 1px;
  width: 150px; }
  .cc .box {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 20px;
    background-color: #FFF;
    width: 20px;
    float: right;
    position: absolute;
    z-index: 2; }
  .cc .left, .cc #header .left, #header .cc .left, .cc #header .mid, #header .cc .mid, .cc #header .right, #header .cc .right, .cc #footer ul li, #footer ul .cc li {
    width: 50%;
    float: left; }
  .cc .right {
    width: 50%;
    float: right; }

#header {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 30px;
  background-color: #73f5ff;
  overflow: hidden; }
  #header .left, #header .left, #header .mid, #header .right, #header #footer ul li, #footer ul #header li {
    padding: 5px 0px;
    width: 20%;
    text-align: left;
    text-indent: 5px; }
  #header .mid {
    padding: 5px 0px;
    width: 60%;
    text-align: center; }
  #header .right {
    padding: 5px 0px;
    width: 20%;
    text-align: right;
    padding-right: 0px; }

#contents {
  margin-top: 45px; }

#footer {
  position: fixed;
  width: 100%;
  bottom: 0px;
  padding: 0px;
  margin: 0px;
  overflow: hidden; }
  #footer ul {
    overflow: hidden;
    margin: 0px;
    padding: 0px; }
    #footer ul li {
      list-style: none;
      text-align: center; }
      #footer ul li a {
        display: block;
        padding: 5px 15px;
        line-height: 30px;
        text-align: center;
        background-color: #73f5ff;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px; }
        #footer ul li a:hover {
          background-color: #1297c7; }
